<template>
    <div id="home">
        <div>
            <div class="top">
                <h1>优爆智慧管理后台</h1>
                <h2>让零售更简单！用科技赋能门店升级！</h2>
            </div>
            <div class="bottom">
                <img src="../../assets/home.png" alt="">
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            userInfos: JSON.parse(sessionStorage.getItem('userInfos'))
        }
    },
    mounted() {
        console.log(this.$store.state, 'store')
    }
}
</script>
<style lang="less" scoped>
    .top {
        padding-top: 64px;
        h1,h2 {
            text-align: center; 
        }
        h1{
            font-size: 33px;
            font-weight: normal;
            color: #474747;
        }
        h2 {
            font-size: 19px;
            font-weight: normal;
            color: #999;
            line-height: 44px;
        }
    }
    .bottom {
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
